<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<body>
	<header class="main-header" th:fragment="header">
	    <a href="index2.html" class="logo">
			<span class="logo-mini"><b>IDP</b></span>
			<span class="logo-lg"><b>Jee</b>IDP</span>
    	</a>
	    <nav class="navbar navbar-static-top">
			<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
				<span class="sr-only">Toggle navigation</span>
			</a>
			<div class="navbar-custom-menu">
				<ul class="nav navbar-nav">
					<!-- Messages: style can be found in dropdown.less-->
					<li class="dropdown messages-menu">
					  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
					    <i class="fa fa-envelope-o"></i>
					    <span class="label label-success">4</span>
					  </a>
					  <ul class="dropdown-menu">
					    <li class="header">You have 4 messages</li>
					    <li>
					      <!-- inner menu: contains the actual data -->
					      <ul class="menu">
					        <li><!-- start message -->
					          <a href="#">
					            <div class="pull-left">
					              <img th:src="@{/images/user2-160x160.jpg}" class="img-circle" alt="User Image">
					            </div>
					            <h4>
					              Support Team
					              <small><i class="fa fa-clock-o"></i> 5 mins</small>
					            </h4>
					            <p>Why not buy a new awesome theme?</p>
					          </a>
					        </li>
					        <!-- end message -->
					        <li>
					          <a href="#">
					            <div class="pull-left">
					              <img th:src="@{/images/user3-128x128.jpg}" class="img-circle" alt="User Image">
					            </div>
					            <h4>
					              AdminLTE Design Team
					              <small><i class="fa fa-clock-o"></i> 2 hours</small>
					            </h4>
					            <p>Why not buy a new awesome theme?</p>
					          </a>
					        </li>
					        <li>
					          <a href="#">
					            <div class="pull-left">
					              <img th:src="@{/images/user4-128x128.jpg}" class="img-circle" alt="User Image">
					            </div>
					            <h4>
					              Developers
					              <small><i class="fa fa-clock-o"></i> Today</small>
					            </h4>
					            <p>Why not buy a new awesome theme?</p>
					          </a>
					        </li>
					        <li>
					          <a href="#">
					            <div class="pull-left">
					              <img th:src="@{/images/user3-128x128.jpg}" class="img-circle" alt="User Image">
					            </div>
					            <h4>
					              Sales Department
					              <small><i class="fa fa-clock-o"></i> Yesterday</small>
					            </h4>
					            <p>Why not buy a new awesome theme?</p>
					          </a>
					        </li>
					        <li>
					          <a href="#">
					            <div class="pull-left">
					              <img th:src="@{/images/user4-128x128.jpg}" class="img-circle" alt="User Image">
					            </div>
					            <h4>
					              Reviewers
					              <small><i class="fa fa-clock-o"></i> 2 days</small>
					            </h4>
					            <p>Why not buy a new awesome theme?</p>
					          </a>
					        </li>
					      </ul>
					    </li>
					    <li class="footer"><a href="#">See All Messages</a></li>
					  </ul>
					</li>
					<!-- Notifications: style can be found in dropdown.less -->
					<li class="dropdown notifications-menu">
					  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
					    <i class="fa fa-bell-o"></i>
					    <span class="label label-warning">10</span>
					  </a>
					  <ul class="dropdown-menu">
					    <li class="header">You have 10 notifications</li>
					    <li>
					      <!-- inner menu: contains the actual data -->
					      <ul class="menu">
					        <li>
					          <a href="#">
					            <i class="fa fa-users text-aqua"></i> 5 new members joined today
					          </a>
					        </li>
					        <li>
					          <a href="#">
					            <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
					            page and may cause design problems
					          </a>
					        </li>
					        <li>
					          <a href="#">
					            <i class="fa fa-users text-red"></i> 5 new members joined
					          </a>
					        </li>
					        <li>
					          <a href="#">
					            <i class="fa fa-shopping-cart text-green"></i> 25 sales made
					          </a>
					        </li>
					        <li>
					          <a href="#">
					            <i class="fa fa-user text-red"></i> You changed your username
					          </a>
					        </li>
					      </ul>
					    </li>
					    <li class="footer"><a href="#">View all</a></li>
					  </ul>
					</li>
					<!-- Tasks: style can be found in dropdown.less -->
					<li class="dropdown tasks-menu">
					  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
					    <i class="fa fa-flag-o"></i>
					    <span class="label label-danger">9</span>
					  </a>
					  <ul class="dropdown-menu">
					    <li class="header">You have 9 tasks</li>
					    <li>
					      <!-- inner menu: contains the actual data -->
					      <ul class="menu">
					        <li><!-- Task item -->
					          <a href="#">
					            <h3>
					              Design some buttons
					              <small class="pull-right">20%</small>
					            </h3>
					            <div class="progress xs">
					              <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar"
					                   aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
					                <span class="sr-only">20% Complete</span>
					              </div>
					            </div>
					          </a>
					        </li>
					        <!-- end task item -->
					        <li><!-- Task item -->
					          <a href="#">
					            <h3>
					              Create a nice theme
					              <small class="pull-right">40%</small>
					            </h3>
					            <div class="progress xs">
					              <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar"
					                   aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
					                <span class="sr-only">40% Complete</span>
					              </div>
					            </div>
					          </a>
					        </li>
					        <!-- end task item -->
					        <li><!-- Task item -->
					          <a href="#">
					            <h3>
					              Some task I need to do
					              <small class="pull-right">60%</small>
					            </h3>
					            <div class="progress xs">
					              <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar"
					                   aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
					                <span class="sr-only">60% Complete</span>
					              </div>
					            </div>
					          </a>
					        </li>
					        <!-- end task item -->
					        <li><!-- Task item -->
					          <a href="#">
					            <h3>
					              Make beautiful transitions
					              <small class="pull-right">80%</small>
					            </h3>
					            <div class="progress xs">
					              <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar"
					                   aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
					                <span class="sr-only">80% Complete</span>
					              </div>
					            </div>
					          </a>
					        </li>
					        <!-- end task item -->
					      </ul>
					    </li>
					    <li class="footer">
					      <a href="#">View all tasks</a>
					    </li>
					  </ul>
					</li>
					<li class="dropdown user user-menu">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
						  <img th:src="@{/images/user2-160x160.jpg}" class="user-image" alt="User Image">
						  <span class="hidden-xs" th:text="${session.USER_LOGIN.username}"></span>-<span class="hidden-xs" th:text="${session.USER_LOGIN.name}"></span>
						</a>
			            <ul class="dropdown-menu">
			              <!-- User image -->
			              <li class="user-header">
			                <img th:src="@{/images/user2-160x160.jpg}" class="img-circle" alt="User Image">
			                <p>
			                	<span th:text="${session.USER_LOGIN.name}"></span> - 
			                	<span th:text="${session.USER_LOGIN.roleName}"></span>
			                  	<small th:text="${#dates.format(session.USER_LOGIN.birthday, 'yyyy-MM-dd')}"></small>
			                </p>
			              </li>
			              <!-- Menu Body -->
			              <li class="user-body">
			              	<!-- <div class="row">
			                  <div class="col-xs-4 text-center">
			                    <a href="#">Followers</a>
			                  </div>
			                  <div class="col-xs-4 text-center">
			                    <a href="#">Sales</a>
			                  </div>
			                  <div class="col-xs-4 text-center">
			                    <a href="#">Friends</a>
			                  </div>
			                </div> -->
			                <div class="row">
			                  <div class="col-xs-12">
			              		部门：<span th:text="${session.USER_LOGIN.orgName}"></span>
			                  </div>
			                </div>
			                <div class="row">
			                  <div class="col-xs-12">
			                  	 电话：<span th:text="${session.USER_LOGIN.phone}"></span>
			                  </div>
			                </div>
			                <div class="row">
			                  <div class="col-xs-12">
			              		邮箱：<span th:text="${session.USER_LOGIN.email}"></span>
			                  </div>
			                </div>
			              </li>
			              <!-- Menu Footer-->
			              <li class="user-footer">
			                <div class="pull-left">
			                  <a href="#" onclick="showUserOneselfModal()" class="btn btn-default btn-flat">编辑资料</a>
			                </div>
			                <div class="pull-right">
			                  <a href="#" onclick="showUserPasswordModal()" class="btn btn-default btn-flat">修改密码</a>
			                </div>
			              </li>
			            </ul>
					</li>
					<li>
						<a th:href="@{/login/logout}"><i class="glyphicon glyphicon-log-out"></i></a>
					</li>
				</ul>
			</div>
	    </nav>
  </header>
</body>
</html>